<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>紫云ERPMobile</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/sui-mobile/sm.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/sui-mobile/sm-extend.css">
<style>
    header  {
        height: 2.5rem !important;
        background-color: #8860F4 !important;
        position: relative !important;
    }
    header h1 {
        color: #fff !important;
        ont-size: 0.4rem !important;
    }
    header a{
        color: #fff !important;
    }
    .button {
        border: 1px solid #8860f4 !important;
        color: #8860f4 !important;
    }
    .bar-nav ~ .content {
        top: 8.2rem !important;
    }
    .banner {
        width: 100%;
        height: 6.8rem;
    }
    .banner a {
        display: block;
        height: 6.8rem;
    }
    .banner a img {
        display: block;
        width: 100%;
        height: 6.8rem;
    }
    .list-block div a img {
        display: inline-block;
        width: 1.71rem;
        height: 1.71rem;
        vertical-align: bottom;
        margin-left: 0.4rem;;
    }
    .list-block div a span {
        font-size: 0.6rem;
        color: #333;
    }
</style>
</head>
<body>
<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <!-- 标题栏 -->
        <header class="bar bar-nav" >
            <a class="icon icon-me pull-left open-panel"></a>
            <h1 class="title">紫云ERP-Mobile</h1>
        </header>

        <div class="banner">
            <a href="javascript:;">
                <img src="${request.contextPath}/statics/img/mobile/banner.png" alt="">
            </a>
        </div>
        <!-- 这里是页面内容区 -->
        <div class="content">
            <div class="content-block">
                <div id="menu">
                </div>
            </div>
        </div>
    </div>

</div>

<!-- Left Panel with Reveal effect -->
<div class="panel panel-left panel-reveal" style="background: #ffffff;">
    <div class="content-block" >
        <div class="list-block">
            <ul>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-me"></i></div>
                        <div class="item-inner">
                            <div class="item-input" id="userName">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-phone"></i></div>
                        <div class="item-inner">
                            <div class="item-input" id="mobile">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <a href="#" class="close-panel">
                                <img src="${request.contextPath}/statics/img/mobile/guanbi.png" alt="">
                                <span>关闭</span>
                            </a>
                        </div>
                        <div class="item-inner">
                            <a href="logout" class="logout">
                                <img src="${request.contextPath}/statics/img/mobile/zhuxiao.png" alt="">
                                <span>注销</span>
                            </a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script type='text/javascript' src='${request.contextPath}/statics/plugins/sui-mobile/zepto.min.js'
        charset='utf-8'></script>
<script type='text/javascript' src='${request.contextPath}/statics/plugins/sui-mobile/sm.js' charset='utf-8'></script>
<script src="${request.contextPath}/statics/js/mobileIndex.js?_${.now?long}"></script>
</body>
</html>